.main{ line-height: 30px;}

.img-cover-4by3{ width: 100%; height: 0; padding-bottom: 50%; position: relative; overflow: hidden;}
.abs-center{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
.shuiyin{ position: absolute; background: url("../images/shuiyin.png") no-repeat center; background-size: 50%; z-index: 1; left: 0; top: 0; width: 100%; height: 100%;}

#dituContent label {
  max-width: unset!important;
  text-align: center;
}


/*头部*/
#top_bj{ width: 100%; height: auto; transition:0.5s; background: #fff; position: fixed; z-index: 10; box-shadow: 0 0 10px rgba(0,0,0,0.3);}
#top_index{ height: auto; margin: 0 auto;}
#logo{ padding-top: 1%; padding-bottom: 1%; text-align: center;}
#logo img{ max-width: 100%; transition:0.5s;}
#top_tel{ color: #fff; transition:0.5s; position: relative;}
#top_tel:before{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: #004ea1;}
#top_tel .top_tel_con{ position: relative; z-index: 1; padding: 6% 0 0 5%; }
#top_tel .top_tel_con i{ font-size: 35px; float: left;}
#top_tel .top_tel_con .left{ padding-left: 3%; font-size: 14px; line-height: 25px;}
#top_tel .top_tel_con span{ font-size: 30px; font-family: Bahnschrift;}
@media screen and (max-width:1400px){
    #top_tel span{ font-size: 22px;}
    #logo{ text-align: left;}
}
@media screen and (max-width:768px){
  #top_index{ padding: 5px 0; width: 100%;}
    #logo{ padding-left: 6%;}
}

#nav{ height: auto; transition:0.3s; padding-top: 1.5%;}
#nav li{ float: left; width: 14%; height: 50px; line-height: 50px; font-size: 16px; font-weight: normal; color: #282828; text-align: center; transition:0.5s;}
#nav li .big{ display: inline-block; position: relative; z-index: 1; color: #282828;}
#nav li .big::before{ background: #004ea1; position: absolute; left: 50%; bottom: 0; height: 2px; width: 0; content: ''; transition:0.5s;}
#nav li:hover .big{ color: #0b3e97;}
#nav li:hover .big::before{ left: 0; width: 100%;}

#nav li .navson{ display: none; position: absolute; transform: translateX(-25%); left: 0; top: 95px; padding: 3% 0; background: #fff; z-index: 999;  width: 100vw; border-top: 1px solid #dbdbdb; overflow: hidden;}
#nav li .navson .small{ display: block; color: #666!important; height: 35px; line-height: 35px; text-align: center;font-size: 12px; position: relative;overflow: hidden;text-overflow: ellipsis;white-space: pre; border-bottom: 1px dashed rgba(0,0,0,0.2); transition: 0.3s;}
#nav li .navson .small:hover{background: #004da2; color: #fff !important;}
/*#nav .nav_cp{ position: initial;}*/
/*#nav li .navson_cp{ width: 100vw; top: 100px; background: #fff; padding: 3% 0; border-top: 1px solid #dbdbdb;}*/
/*#nav li .navson_cp .small{ background: #fff !important; color: #666666 !important;}*/

.cp_left{ float: left; text-align: left; border-right: 1px solid #dbdbdb;}
.cp_left .tit{ color: #004ea1; font-weight: bold; line-height: 30px;}
.cp_left .tit span{ display: block; font-weight: normal; font-family: arial; text-transform: uppercase;}
.cp_left .content{ color: #666666; line-height: 25px; font-size: 14px; padding: 20px 0;}
.cp_left .more{ color: #004ea1; font-size: 14px; transition:0.3s; border: 1px solid #004ea1; height: 40px; line-height: 40px; text-align: center; float: left; width: 70%;}
.cp_left .more:hover{ background: #004ea1; color: #fff;}
.cp_right .nav_cplb{ float: left; width: 14%;}
.cp_right .nav_cplb .pic{ width: 100%; height: auto;}
.cp_right .nav_cplb .pic img{ max-width: 70%; height: auto; 	pointer-events: none;}
.cp_right .nav_cplb .tit{ color: #004ea1; font-weight: bold; font-size: 15px; position: relative; height: 30px; line-height: 30px; margin-bottom: 8px;overflow: hidden;text-overflow: ellipsis;white-space: pre;}
.cp_right .nav_cplb .tit:before{ width: 30%; height: 1px; left: 35%; bottom: 0; content: ''; position: absolute; background: #004ea1; transition:0.3s;}
.cp_right .nav_cplb:hover .tit:before{ width: 60%; left: 20%;}
.cp_right .nav_cplb .cpdl dt{ height: 30px; line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: pre;}
.cp_right .nav_cplb .cpdl dt a{ color: #5d5d5d !important; font-size: 13px; transition:0.3s; font-weight: normal;}
.cp_right .nav_cplb .cpdl dt:hover a{ color: #004ea1 !important; font-weight: bold;}
.cp_right .jjdl dt{ float: left; width: 20%; margin: 0 1% 1%; background: #efefef; height: 40px; line-height: 40px; border-radius: 20px; color: #333; font-size: 14px; font-weight: normal; transition: 0.3s;}
.cp_right .jjdl dt:hover{ background: #004ea1;}
.cp_right .jjdl dt:hover a{ color: #fff !important;}




@media (min-width: 1200px) and (max-width: 1440px){
  #nav li{ font-size: 15px;}
  #nav li .navson{ top: 85px;}
}
@media (min-width: 768px) and (max-width: 1200px){
  #nav{ margin-top: 0;}
  #nav li{ font-size: 15px;}
  #nav li .navson{ top: 80px; left: 0; transform: translateX(-33.3%);}
}

#banner img{ width: 100%;}
#banner .swiper-pagination{ bottom: 5%;}
#banner .swiper-pagination-bullet{ width: 12px; height: 12px; transition:0.3s;}
#banner .swiper-pagination-bullet-active{ width: 50px; border-radius: 8px;}
#banner .swiper-button-next:after,#banner .swiper-button-prev:after{ display: none;}
#banner .swiper-button-next i,#banner .swiper-button-prev i{ color: #fff; font-size: 50px;}
#banner .swiper-button-next,#banner .swiper-button-prev{ background: rgba(0,0,0,0.2); width: 50px; height: 80px;}
#banner .swiper-button-next{ right: 5%;}
#banner .swiper-button-prev{ left:5%; }


#slideBox1{ position:relative; overflow:hidden; margin:0 auto;  width:100%;/* 设置焦点图最大宽度 */ }
#slideBox1 .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
#slideBox1 .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
#slideBox1 .hd li.on{ background:#fff;  }
#slideBox1 .bd{ position:relative; z-index:0; }
#slideBox1 .bd li{ position:relative; text-align:center; height:auto; overflow:hidden;  }
#slideBox1 .bd li img{  vertical-align:top; width:100%; 	pointer-events: none;/* 图片宽度100%，达到自适应效果 */}
#slideBox1 .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
#slideBox1 .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; color:#fff;  text-align:left;  }


.sub_banner {
    overflow: hidden;
    position: relative;

    -webkit-transition: all .5s;
}

.sub_banner .s {
    width: 100%;
    height: auto;
    position: relative;
}

.sub_banner img {
    opacity: 0;
    visibility: hidden;
    filter:contrast(2.5) brightness(2.5);
    -webkit-transition: all 1s;
    -webkit-transform: scale(1.05);
    	pointer-events: none;
}
.sub_banner.active img {
    filter: contrast(1) brightness(1);
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    	pointer-events: none;
}

/*底部*/
#end_nr_bj{ background: #fff; width: 100%; height: auto; overflow: hidden; color: #7c7c7c;}
#end_nr_bj a{ color: #7c7c7c; transition: 0.3s; position: relative;}
#end_nr_bj a:hover{ color: #333;}
#end_nr_bj a:after{z-index:1;content: ''; position: absolute; left: 0; bottom: 0; display: block; height:5px; background-color: rgba(0, 78, 161, .3);width:100%; -webkit-transition: transform .5s; -moz-transition: transform .5s; -ms-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; -webkit-transform: scaleX(0); transform: scaleX(0);-webkit-transform-origin: right center;transform-origin: right center;}
#end_nr_bj a:hover::after{ -webkit-transform-origin: left center;transform-origin: left center;  -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1);}

#end_nr_bj #end_logo{ border-bottom: 1px solid #dbdbdb; padding: 1% 0;}
#end_nr_bj .end_tel_con{ float: right; font-size: 14px; line-height: 25px; color: #7c7c7c; }
#end_nr_bj .end_tel_con span{ font-size: 30px; font-family: Bahnschrift; color: #004ea1;}

#end_nr_bj .main{ padding: 2% 0;}
#end_nr_bj .main .tit{ font-size: 16px !important; color: #282828; font-weight: bold; position: relative; height: 40px;}
#end_nr_bj .main .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; height: 2px; background: #004ea1; width: 30px; transition:0.3s;}
#end_nr_bj .main .tit:hover:before{ width: 60px;}
#end_nr_bj .main .end_con ul li{ line-height: 30px; transition:0.3s; font-size: 13px;}

#end_nr_bj .main .pic{ text-align: center;}
#end_nr_bj .main .pic img{ max-width: 100%; display: inline-block; 	pointer-events: none;}
@media screen and (max-width:1400px){
    #end_nr_bj .main .left ul{ padding: 0 3%;}
}
@media screen and (max-width:768px){
    #end_nr_bj .main{ padding: 5% 0;}
    #end_nr_bj .main .end_con .lxwm{ padding: 0 5%;}
    #end_nr_bj .main .pic{ text-align: center;}
}


#end_line{ height: auto; padding: 15px 0; line-height: 30px; color: #6e6e6e; font-size: 14px; border-top: 1px dashed #dbdbdb; text-align: center;}


.footer_zx{ height:60px; overflow: hidden; right:0; bottom:0; z-index: 20; width:100%; line-height: 25px; position: fixed; background-color:#e50113;}
.footer_zx a{ color:#fff !important; display: block; width: 50%; height: 100%; float: left; text-align: center; background-color:#0b3e97;}
.footer_zx a:last-of-type{ background: #444444;}
.footer_zx i{ font-size: 28px; padding: 4% 0 1%;}
.footer_zx p{font-size: 13px;}
.kb50{ height: 60px;}





/*首页*/
.tit_in{ margin: 0 auto; text-align: center;}
.tit_in h1{ color: #282828;}
.tit_in h1 span{ color: #004ea1;}
.tit_in h6{ color: #666666; line-height: 40px;}
.tit_in:before{ position: absolute; width: 8%; height: 3px; background: #1655bc; content: ''; left: 46%; bottom: 0;}
@media screen and (max-width:768px){
    .tit_in h1{ font-size: 24px;}
    .tit_in h6{ font-size: 13px;}
}



#huanjing{ margin-top: 3%;}
#huanjing .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto;}
#huanjing .swiper-slide { background-size: cover; background-position: center; position: relative;}
#huanjing .gallery-top { background: url("../images/cpbj.jpg") no-repeat center; height: auto; width: 100%; padding: 4% 0;}
#huanjing .gallery-top .swiper-slide .font .num{ color: #004ea1; font-family: Impact; font-size: 40px; line-height: 50px; text-transform: uppercase;}
#huanjing .gallery-top .swiper-slide .font .tit h1{ color: #282828;}
#huanjing .gallery-top .swiper-slide .font .tit h5{ color: #666666; line-height: 40px;}
#huanjing .gallery-top .swiper-slide .font .content{ color: #282828;}
#huanjing .gallery-top .swiper-slide .font dl{ padding-left: 15px;}
#huanjing .gallery-top .swiper-slide .font dl dt{ background: #004ea1; color: #fff; height: 45px; line-height: 45px; cursor: pointer; text-align: center; transition:0.3s;}
#huanjing .gallery-top .swiper-slide .font dl dt a{ color: #fff !important;}
#huanjing .gallery-top .swiper-slide .font dl dt:hover{ background: none; border: 1px solid #004ea1;}
#huanjing .gallery-top .swiper-slide .font dl dt:hover a{ color: #004ea1 !important;}
#huanjing .gallery-top .swiper-button-next:after,#huanjing .gallery-top .swiper-button-prev:after{ display: none;}
#huanjing .gallery-top .swiper-button-next i,#huanjing .gallery-top .swiper-button-prev i{ color: #fff; font-size: 50px;}
#huanjing .gallery-top .swiper-button-next,#huanjing .gallery-top .swiper-button-prev{ background: rgba(0,0,0,0.2); width: 50px; height: 80px; transition:0.3s;}
#huanjing .gallery-top .swiper-button-next{ right: 5%;}
#huanjing .gallery-top .swiper-button-prev{ left:5%; }
#huanjing .gallery-top .swiper-button-next:hover,#huanjing .gallery-top .swiper-button-prev:hover{ background: rgba(0,0,0,0.7);}




#huanjing .gallery-thumbs { height: auto; text-align: center; box-sizing: border-box;}
#huanjing .gallery-thumbs .swiper-slide {  color: #333333; background: #fff; font-size: 18px; font-weight: bold; cursor: pointer; padding: 2% 0; border-bottom: 5px solid #fff; transition:0.3s;}
#huanjing .gallery-thumbs .swiper-slide .pic{ padding-bottom: 3%;}
#huanjing .gallery-thumbs .swiper-slide .pic img{ max-width: 60%; 	pointer-events: none;}
#huanjing .gallery-thumbs .swiper-slide:hover{ transform: translateY(-10px);}
#huanjing .gallery-thumbs .swiper-slide-thumb-active { color: #154ba7; transform: translateY(-10px);}
@media screen and (max-width:1200px){
    #huanjing .gallery-top .swiper-slide .font .tit h1{ font-size: 24px;}
    #huanjing .gallery-top .swiper-slide .font .tit h5{ font-size: 16px;}
}



#gsjjnr .tit  h6{ color: #858585; text-transform: uppercase; font-size: 14px; line-height: 30px;}
#gsjjnr .tit:before{ position: absolute; width: 8%; height: 3px; background: #1655bc; content: ''; left: 0; bottom: 0;}
#gsjjnr .content{ color: #666666; line-height: 35px;}
#gsjjnr .more{ border: 1px solid #004ea1; height: 40px; line-height: 40px; text-align: center; color: #004ea1; transition:0.3s; cursor: pointer;}
#gsjjnr .more:hover{ background: #004ea1; color: #fff;}
#gsjjnr ul li{ text-align: center;}
#gsjjnr ul li i{ border: 1px solid #d4d4d4; color: #d4d4d4; width: 60px; height: 60px; line-height: 60px; font-size: 30px; margin: 0 auto; transition:0.3s;}
#gsjjnr ul li span{ color: #666666; display: block; line-height: 40px; transition:0.3s;}
#gsjjnr ul li:hover i{ background: #004ea1; color: #fff; border: 1px solid #004ea1;}
#gsjjnr ul li:hover span{ color: #004ea1;}
#gsjjnr:before{ position: absolute; content: 'yinghong'; left: 65%; bottom: 2%; text-transform: uppercase; color: #ebeff2; font-size: 100px;}

#ggbj{ background: url("../images/gg_bj.jpg") repeat-y center top fixed;}
#ggbj li{ text-align: center; color: #fff; cursor: pointer;}
#ggbj li i{ width: 75px; height: 75px; border-radius: 100%; border: 2px solid #fff; text-align: center; line-height: 75px; font-size: 40px; margin: 0 auto; transition:0.3s;}
#ggbj li p{ font-size: 18px; font-weight: bold;}
#ggbj li span{ display: block; line-height: 25px;}
#ggbj li:before{ position: absolute; right: 0; top: 20%; content: ''; background: rgba(255,255,255,0.3); height: 60%; width: 1px;}
#ggbj li:last-of-type:before{ display: none;}
#ggbj li:hover i{ background: #fff; color: #004ea1; transform: scale(1.2);}
@media screen and (max-width:768px){
    #ggbj li:nth-of-type(2):before{ display: none;}
    #ggbj li{ margin-bottom: 3rem;}
}


#xwzx .swiper-container {
    margin: 3% 0 0;
    width: 100%;
    height: 100%;
}
#xwzx .swiper-slide {
    text-align: center;
    transition:0.3s;
    position: relative;
    background: #f8fafc;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#xwzx .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 68%; position: relative; overflow: hidden;}
#xwzx .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s; 	pointer-events: none;}
#xwzx .swiper-slide .content{ width: 100%;}
#xwzx .swiper-slide .news_title{ color: #282828; font-size: 16px; text-align: left; line-height: 40px; border-bottom: 1px solid #e6e6e6;overflow: hidden;text-overflow: ellipsis;white-space: pre;}
#xwzx .swiper-slide .float-left{ color: #8f8f8f; font-family: arial;}
#xwzx .swiper-slide .float-right i{ font-size: 20px;}
#xwzx .swiper-slide:hover{ transform: translateY(-10px); background: #004ea1; }
#xwzx .swiper-slide:hover .news_title,#xwzx .swiper-slide:hover .float-left,#xwzx .swiper-slide:hover .float-right i{ color: #fff;}
#xwzx .swiper-slide:before{ position: absolute; right: -20%; bottom: 5%; content: 'YHHB'; color: rgba(255,255,255,0.1); font-size: 80px; font-weight: bold; transition:0.3s; opacity: 0;}
#xwzx .swiper-slide:hover:before{ right: -5%; opacity: 1;}


#bj1{ background: url("../images/jj_bj.jpg") repeat-y center fixed; text-align: center; color: #fff;}
#bj1 .main{ padding: 5% 0 !important;}
#bj1 .main .content{ padding: 0 20%; font-size: 16px;}
#bj1 .main i{ font-size: 40px; color: #fff; transition:0.3s;}
#bj1 .main i:hover{ cursor: pointer;}
@media screen and (max-width:768px){
    #bj1 .main .content{ padding: 0 2%;}
}





/*公司简介*/
#home{ border-bottom: 1px solid #f1f1f1; line-height: 60px;}
#home li{ text-align: center; cursor: pointer;}
#home li a{ display: inline-block; position: relative; color: #666666;}
#home li:hover a{ color: #004ea1;}
#home li a:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 0; height: 2px; background: #004ea1; transition:0.3s;}
#home li:hover a:before{ width: 100%;}
#home li#li-on a{ color: #004ea1 !important;}
#home li#li-on a:before{ width: 100%;}
@media screen and (max-width:1200px){
    #home li a{ font-size: 12px;}
}


.homr_con{ text-align: right;}
.homr_con a{ color: #666666; padding: 0 5px;}
.homr_con i{ display: inline; color: #666; font-size: 20px; margin-right: 5px;}

#jj_ggbj{ background: #f8f8f8;}
#jj_ggbj li{ text-align: center; color: #666666; cursor: pointer;}
#jj_ggbj li i{ width: 75px; height: 75px; border-radius: 100%; border: 2px solid #004ea1; text-align: center; line-height: 75px; font-size: 40px; margin: 0 auto; transition:0.3s; color: #004ea1;}
#jj_ggbj li p{ font-size: 18px; font-weight: bold; color: #333333;}
#jj_ggbj li span{ display: block; line-height: 25px;}
#jj_ggbj li:before{ position: absolute; right: 0; top: 20%; content: ''; background: rgba(0,0,0,0.1); height: 60%; width: 1px;}
#jj_ggbj li:last-of-type:before{ display: none;}
#jj_ggbj li:hover i{ background: #004ea1; color: #fff;}
@media screen and (max-width:768px){
    #jj_ggbj li:nth-of-type(2):before{ display: none;}
    #jj_ggbj li{ margin-bottom: 3rem;}
}


.whcon{ line-height: 40px; font-size: 15px; padding-left: 3rem !important;}
@media screen and (max-width:1024px){
    .whcon{ padding-left: 0 !important; font-size: 14px; line-height: 30px;}
}

.hui{ background: #f8f8f8;}

.fzlc .tit{ text-align: center; color: #333333; font-size: 30px; font-weight: bold;}


#qyfz .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto;}
#qyfz .swiper-slide { background-size: cover; background-position: center; position: relative;}
#qyfz .gallery-top { height: auto; width: 100%; padding: 3% 0; background: url("../images/fzlc_bj.jpg") repeat-y center top;}
#qyfz .gallery-top .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 25%; position: relative; overflow: hidden; transition: 0.3s; border: 5px solid #f1f3f7; background: #fff;}
#qyfz .gallery-top .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s; 	pointer-events: none;}
#qyfz .gallery-top .swiper-slide .pic:hover img{transform: scale(1.1); 	pointer-events: none;}
#qyfz .gallery-top .swiper-slide .font{ text-align: left; color: #fff;}
#qyfz .gallery-top .swiper-slide .font .bt{ font-size: 38px; border-bottom: 1px solid rgba(255,255,255,.1); height: 50px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
#qyfz .swiper-button-next,#qyfz .swiper-button-prev{ background: #fff; width: 45px; height: 45px; line-height: 45px; top: 48%;}
#qyfz .swiper-button-next:after,#qyfz .swiper-button-prev:after{ display: none;}
#qyfz .swiper-button-next i,#qyfz .swiper-button-prev i{ font-size: 40px; color: #004ea1; transition: 0.3s;}
#qyfz .swiper-button-next{ right: 5%;}
#qyfz .swiper-button-prev{ left: 5%;}
#qyfz .swiper-button-next:hover,#qyfz .swiper-button-prev:hover{ background: #024f93;}
#qyfz .swiper-button-next:hover i,#qyfz .swiper-button-prev:hover i{ color: #fff;}

#qyfz .gallery-thumbs { height: auto; text-align: center; margin-bottom: 1%; padding: 0; box-sizing: border-box; position: relative;}
#qyfz .gallery-thumbs:before{ position: absolute; content: ''; left: 0; top: 16px; height: 1px; width: 100%; background: rgba(204,204,204,0.2);}
#qyfz .gallery-thumbs .swiper-slide { height: auto; font-size: 14px; cursor: pointer; transition: 0.3s;}
#qyfz .gallery-thumbs .swiper-slide i{ color: #e5e5e5; font-size: 50px; transition: 0.3s;}
#qyfz .gallery-thumbs .swiper-slide p{ color: #6a6a6a; font-size: 24px; line-height: 50px; transition: 0.3s;}
#qyfz .gallery-thumbs .swiper-slide-thumb-active{ transform: scale(1.1);}
#qyfz .gallery-thumbs .swiper-slide-thumb-active i,#qyfz .gallery-thumbs .swiper-slide-thumb-active p{ color: #004ea1;}
@media screen and (max-width:1440px){
    #qyfz .swiper-button-next{ right: 0;}
    #qyfz .swiper-button-prev{ left: 0;}
}
@media screen and (max-width:768px){
    #qyfz .gallery-top .swiper-slide .pic{ padding-bottom: 65%;}
}


#rybj{ background: url("../images/ry_bj.png") no-repeat left top;}
#rybj .tit h2{ color: #333333; font-size: 30px; font-weight: bold !important; }
#rybj .tit h6{ color: #666666; font-size: 16px; line-height: 40px;}


#jj_ry{ position: relative;}
#jj_ry .swiper-container {
    width: 100%;
    height: 100%;
    padding: 3% 10px 10px;
}
#jj_ry .swiper-slide {
    text-align: center;
    overflow: hidden;
    transition: 0.3s;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    background: #fff;
    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#jj_ry .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
#jj_ry .swiper-slide .pic span{ display: block; width: 100%; height: 100%; object-fit: cover; left: 0; text-align: center; position: absolute;}
#jj_ry .swiper-slide .pic img{ max-width: 100%; height: 100%; transition:0.3s; 	pointer-events: none;}
#jj_ry .swiper-slide p{ width: 95%; height: 65px; line-height: 65px; border-top: 1px solid rgba(204,204,204,0.3); transition:0.3s; }
#jj_ry .swiper-slide:hover .pic img{ transform: scale(1.1);	pointer-events: none;}
#jj_ry .swiper-slide:hover p{ background: #004ea1; color: #fff; }
@media screen and (max-width:768px){
    #jj_ry .swiper-container{ padding: 3% 5%;}
}


#cqfm{ margin-top: 3% !important;}
#cqfm li{ position: relative; margin-bottom: 6%;}
#cqfm li .pic{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
#cqfm li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s; 	pointer-events: none;}
#cqfm li .newsTitBg{position: absolute;bottom: 0;left: 0;width: 100%;height: 20%; text-align: center; color: #fff; z-index: 1;transition:.4s; background: linear-gradient(bottom,rgba(0,0,0,.7),rgba(0,0,0 ,0) 100%);background: -o-linear-gradient(bottom,rgba(0,0,0,.7),rgba(0,0 0,0) 100%);background: -ms-linear-gradient(bottom,rgba(0,0,0,.7),rgba(0,0,0,0) 100%);background: -moz-linear-gradient(bottom,rgba(0,0,0,.7),rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(bottom,rgba(0,0,0,.7),rgba(0,0,0,0) 100%);}
#cqfm li p{ position: absolute;bottom: 0;left: 0; z-index: 3; width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff;}
#cqfm li:hover .newsTitBg{ height: 80%;}
#cqfm li:hover .pic img{ transform: scale(1.1); 	pointer-events: none;}



/*产品中心*/

#cplb{ border-bottom: 1px solid #f1f1f1; line-height: 60px;}
#cplb li{ text-align: center; margin: 0 3%; float: left; color: #666666; position: relative;}
#cplb li:before{ position: absolute; content: ''; left: 0; bottom: 0; width: 0; height: 2px; background: #e50110; transition: 0.3s;}
#cplb li:hover{ color: #e50110;}
#cplb li:hover:before{ width: 100%;}
#cplb li.on{ color: #e50110;}
#cplb li.on:before{ width: 100%;}

.cp_con li{ border: 1px solid #eceae9; transition: 0.3s;}
.cp_con li .pic{ width: 100%; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;}
.cp_con li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s; 	pointer-events: none;}
.cp_con li .pic .shuiyin{ position: absolute; background: url("../images/shuiyin.png") no-repeat center; z-index: 1; left: 0; top: 0; width: 100%; height: 100%;}
.cp_con li .tit{ color: #666666; font-size: 16px; font-weight: bold; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.cp_con li dl{ text-align: center;}
.cp_con li dl dt{ float: left; width: 45%; margin: 0 1%; height: 45px; line-height: 45px; border: 1px solid #e0e0e0; font-size: 15px; transition:0.3s;}
.cp_con li dl dt:last-of-type{ float: right; border: 1px solid #e50113; color: #e50113;}
.cp_con li dl dt:last-of-type a{ color: #e50113 !important;}
.cp_con li:hover{ box-shadow: -5px 8px 10px rgba(204,204,204,0.5);}
.cp_con li:hover dl dt{ background: #333; color: #fff;}
.cp_con li:hover dl dt a{ color: #fff !important;}
.cp_con li:hover dl dt:last-of-type{ background: #e50113; color: #fff;}

.cptel i{ float: left; color: #e50110; font-size: 45px; margin: 6% 4% 0 0;}
.cptel .left{ padding-left: 10px; line-height: 28px;}
.cptel .left p{ color: #666666; font-size: 14px;}
.cptel .left span{ color: #e50110; font-size: 32px; font-weight: bold;}

#cpgg{ background-color: #004ea1; background-image: linear-gradient(to right, #004ea1 , #3d8b80); padding: 1% 0;}
#cpgg li{ color: #fff;}
#cpgg li i{ float: left; font-size: 50px;}
#cpgg li .float-left{ padding-left: 5%; line-height: 35px; width: 83%;}
#cpgg li .float-left p{ font-size: 24px;}
#cpgg li .float-left span{ display: block; line-height: 20px;}
@media screen and (max-width:1400px){
    #cpgg li .float-left{ width: 78%; line-height: 20px;}
    #cpgg li .float-left p{ font-size: 20px;}
    #cpgg li .float-left span{ font-size: 14px;}
}
@media screen and (max-width:1200px){
    #cpgg li .float-left{ width: 75%; line-height: 20px;}
}
@media screen and (max-width:765px){
    #cpgg li{ padding: 0 0.5%; margin: 3% 0;}
    #cpgg li i{ font-size: 35px;}
    #cpgg li .float-left{ width: 80%; line-height: 20px;}
    #cpgg li .float-left p{ font-size: 16px;}
    #cpgg li .float-left span{ font-size: 12px;}
}


#xgcp{ padding: 7% 0 2%;}
#xgcp li{ margin-bottom: 10%;}
#xgcp li .pic{ width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
#xgcp li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;	pointer-events: none;}
#xgcp li .shuiyin{position: absolute; background: url("../images/shuiyin.png") no-repeat center; z-index: 1; left: 0; top: 0; width: 100%; height: 100%;}
#xgcp li p{ height: 40px; line-height: 40px; background: #f4f4f4; text-align: center; transition: 0.3s; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
#xgcp li:hover p{ background: #e50113; color: #fff;}
#xgcp li:hover .pic img{ transform: scale(1.1);	pointer-events: none;}


#cpbtqh{ width: 100% !important; transition:0.3s; background: #f6f6f6; text-align: center;}
.cpbt{ margin: 0 auto !important; height: 55px; line-height: 55px; border-bottom: 1px solid #efefef; width: 100%; transition:0.3s;}
.cpbt li{ float: left; color: #333333;  font-size: 16px; width: 15%; text-align: center; position: relative; transition:0.3s;}
.cpbt li:before{ position: absolute; right: 0; top: 30%; width: 1px; height: 40%; content: ''; background: #d5d5d5;}
.cpbt li:last-of-type:before{ display: none;}
.cpbt li:hover{ background: #004ea1; color: #fff;}
.cpbt li:hover a{ color: #fff !important;}
.cpbt li.current a{ color: #333;}
.cpbt li.current:hover{background: #004ea1;}
.cpbt li.current{ background: #fff; border-top: 3px solid #004ea1;}
.cpbtqh_active{ top: 100px; position: fixed; left: 0; z-index: 10;}
@media screen and (max-width:1440px){
    .cpbtqh_active{ top: 90px;}
}
@media screen and (max-width:1400px){
    .cpbtqh_active{ top:11.5%;}
}
@media screen and (max-width:1200px){
    .cpbtqh_active{ top:10.5%;}
}
@media screen and (max-width:765px){
    .cpbt li{ width: 25%; font-size: 13px;}
}

.cpleft_active{ position: fixed; top: 20%; z-index: 2; width: 320px;}
.xwleft_active{ position: fixed; top: 12%; z-index: 2; width: 320px;}

#shili .swiper-container {
    width: 100%;
    height: 100%;
}
#shili .swiper-slide {
    text-align: center;
    background: #fff;
    transition:0.3s;
    height: auto; position: relative; overflow: hidden;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#shili .swiper-slide a{ display: block;  width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
#shili .swiper-slide a img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;	pointer-events: none;}
#shili .swiper-slide p{ width: 100%; height: 40px; line-height: 40px; background: #f4f4f4; transition:0.3s;}
#shili .swiper-slide:hover p{ background: #004da2; color: #fff;}

.center-title {
    font-size: 20px;
    color: #333333;
    line-height: 60px;
    margin-bottom: 20px;
    position: relative;
    height: 59px;
    text-align: left;
    padding-left: 15px;
}

.center-title:before {
    position: absolute;
    left: 0;
    top: 35%;
    width: 3px;
    height: 35%;
    background: #c40e25;
    content: '';
}

.center-title span {
    text-transform: uppercase;
    color: #dddddd;
    font-size: 16px;
    padding-left: 10px;
}




.tit_cp{ text-align: center; color: #333333; font-size: 24px; position: relative; height: 40px; margin: 3% auto;}
.tit_cp span{ color: #e50113; font-weight: bold;}
.tit_cp:before{ position: absolute; left: 46%; bottom: 0; width: 8%; height: 1px; background: #d0d0d0; content: '';}
.tit_cp:after{ position: absolute; left: 48%; bottom: -10px; width: 4%; height: 1px; background: #d0d0d0; content: '';}



/*#shili{ margin-top: 0 !important; }*/
/*#shili li i{ background: #004ea1; width: 150px; height: 150px; border-radius: 100%; text-align: center; line-height: 150px; color: #fff; font-size: 50px; margin: 0 auto; transition: 0.3s;}*/
/*#shili li p{ text-align: center; color: #666666; font-size: 18px; padding-top: 3%;}*/
/*#shili li p span{ color: #e50113;}*/
/*#shili li:hover i{animation: swing 1s; background: #333;}*/
/*@-webkit-keyframes swing{*/
    /*20%{-webkit-transform:rotate(15deg);}*/
    /*40%{-webkit-transform:rotate(-10deg);}*/
    /*60%{-webkit-transform:rotate(5deg);}*/
    /*80%{-webkit-transform:rotate(-5deg);}*/
    /*100%{-webkit-transform:rotate(0);}*/
/*}*/
/*@-moz-keyframes swing{*/
    /*20%{-moz-transform:rotate(15deg);}*/
    /*40%{-moz-transform:rotate(-10deg);}*/
    /*60%{-moz-transform:rotate(5deg);}*/
    /*80%{-moz-transform:rotate(-5deg);}*/
    /*100%{-moz-transform:rotate(0);}*/
/*}*/
/*@-ms-keyframes swing{*/
    /*20%{-ms-transform:rotate(15deg);}*/
    /*40%{-ms-transform:rotate(-10deg);}*/
    /*60%{-ms-transform:rotate(5deg);}*/
    /*80%{-ms-transform:rotate(-5deg);}*/
    /*100%{-ms-transform:rotate(0);}*/
/*}*/
/*@keyframes swing{*/
    /*20%{transform:rotate(15deg);}*/
    /*40%{transform:rotate(-10deg);}*/
    /*60%{transform:rotate(5deg);}*/
    /*80%{transform:rotate(-5deg);}*/
    /*100%{transform:rotate(0);}*/
/*}*/





#shebei{ margin-top: 5% !important;}
#shebei .big{ width: 100%; height: 0; padding-bottom: 50%; position: relative; overflow: hidden;}
#shebei .big img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;	pointer-events: none;}
#shebei .tit{ text-align: center; font-weight: bold; color: #333333; font-size: 24px; height: 60px; line-height: 60px;}
#shebei .tit span{ color: #004ea1;}
#shebei .small{ margin-bottom: 10%; position: relative;}
#shebei .small .pic{ width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
#shebei .small .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.3s;	pointer-events: none;}
#shebei .small p{ position: absolute; width: 60%; height: 40px; line-height: 40px; bottom: 5%; left: 20%; background: rgba(0,78,161,0.8); text-align: center; color: #fff; transition: 0.3s; font-size: 15px;}
#shebei .small:hover p{ bottom: 0; left: 0; width: 100%;}
#shebei .small:hover .pic img{transform: scale(1.1);	pointer-events: none;}
@media screen and (max-width:765px){
    #shebei .tit{ height: auto; line-height: 30px; padding: 3% 0;}
}


#shouhou{ margin-top: 5% !important;}
#shouhou li{ background: #f8f8f8; text-align: center; margin-bottom: 5%; padding: 5% 0;}
#shouhou li .pic{ padding: 5% 0;}
#shouhou li p{ color: #55575e; font-size: 18px;}
#shouhou li span{ display: block; color: #8a8f96; padding: 3% 10% 0;}




.contact_item{ padding:0; text-align: center; margin-top: 3%;}
.contact_item li{ display: inline-block; margin-bottom: 30px;}
.contact_item li span{display: block;width: 150px;height: 135px;margin:0 auto;text-align: center;position: relative;}
.contact_item li span.contact_item_1{background: url(../images/contact_li_bg1.png) center no-repeat;line-height: 108px;}
.contact_item li span.contact_item_2{background: url(../images/contact_li_bg2.png) center no-repeat;line-height: 135px;}
.contact_item li span.contact_item_3{background: url(../images/contact_li_bg3.png) center no-repeat;line-height: 170px;}
.contact_item li span img{vertical-align: middle;	pointer-events: none;}
.contact_item_ewm{width: 84px;height: 84px;position: absolute;left: 33px;top:46px;z-index: 1;}
.contact_item_ewm img{width: 84px;height: 84px;position: absolute;left: 0;top:0;transition: all .4s;vertical-align: top;	pointer-events: none;}
.contact_item li h4{color: #333;font-size: 18px;line-height: 30px; text-align: center;margin: 10px auto !important; font-weight: bold !important;}
.contact_item li p{color: #333;font-size: 14px;line-height: 26px;}
.contact_item li:nth-child(3n) p{text-align: center;}

.in_title{ line-height: 40px; padding: 30px 0 10px; color: #747474; font-size: 16px; margin-top: 3% !important;}
.in_title p{ font-size: 30px; color: #3e3e3e;}



.news-list3 {padding-bottom: 1.125rem; margin-top: 3%;}
.news-list3 .item {box-sizing: border-box;border-bottom: 1px solid #dedede;border-right: 1px solid #dedede;}
.news-list3 .con-box .date {font-size: 0;}
.news-list3 .con-box a { display: block;}
.news-list3 .con-box .d, .news-list .con-box .ym {display: inline-block;*display: inline;zoom: 1;}
.news-list3 .con-box .d {font-size: 4rem; line-height: 4.25rem; color: #999;  transition: all .2s;}
.news-list3 .con-box .ym {  font-size: 1.5rem;line-height: 1.75rem;margin-left: .625rem;color: #999;}
.news-list3 .con-box .img {margin-top: .9375rem;	pointer-events: none;}
.news-list3 .con-box .tit { font-size: 15px; line-height: 30px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .2s; text-align: center;}
.news-list3 .con-box .con { font-size: 14px; line-height: 25px; color: #999; margin-top: .625rem; height: auto; overflow: hidden;}
.news-list3 .con-box .detail { width: 30%; height: 30px; font-size: 0; text-align: center; border: 1px solid #ccc; border-radius: 20px; margin-top: 1.875rem;
    transition: all .2s;}
.news-list3 .con-box .detail span { display: inline-block; *display: inline; zoom: 1; font-size: .3125rem; line-height: 30px; color: #ccc; padding-right: 2.75rem; background-repeat: no-repeat; background-position: right center; background-image: url("../images/news-detail.png"); transition: all .2s;}
.news-list3 .con-box:hover .detail{ background: #e50113; color: #fff; border: 1px solid #e50113; width: 35%;}
.news-list3 .con-box:hover .detail span{ color: #fff; background-image: url("../images/news-detail2.png");}
.news-list3 .con-box:hover .d,.news-list3 .con-box:hover .ym{ color: #004ea1;}
@media screen and (max-width:765px){
    .news-list3 .con-box .detail{ width: 30%;}
}



.news01 {padding: 3% 0 0;}
.news01 li{ margin-bottom: 5%;}
.news01 .imgbox {width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
.news01 .imgbox img { object-fit: cover; left: 0; position: absolute; text-align: center; height:100%; width:100%; transition: 0.3s;	pointer-events: none;}
.news01 .shuiyin{position: absolute; background: url("../images/shuiyin.png") no-repeat center; z-index: 1; left: 0; top: 0; width: 100%; height: 100%;}
.news01 .imgbox1 {width: 100%; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;}
.news01 .imgbox1 p { text-align: center; left: 0; position: absolute; height:100%; width:100%; transition: 0.3s;}
.news01 .imgbox1 p img{ max-width: 100%; max-height: 100%; transition:0.3s;}
.news01 .slide:hover .imgbox img {transform: scale(1.1);	pointer-events: none;}

.news01 .txtbox { height: 50px; line-height: 50px; text-align: center; font-size: 16px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative; background: #efefef;}
.news01 .txtbox span{ display: block; z-index: 1; position: relative; transition:0.3s;}
.news01 .txtbox:after { content: '';  width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #004ea1; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; left: 0; }
.news01 .slide:hover .txtbox::after { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; right: 0; }
.news01 .slide:hover .txtbox span{ color: #fff;}
@media screen and (max-width:1200px){
    .news01 .txtbox{ font-size: 14px;}
}



/*公共*/
.pro-sider {
 float: none;
 background: #fff;
}
.pro-sider .in-title {
    padding: 3%;
 overflow: hidden;
    background-color: #004ea1;
    background-image: linear-gradient(to right, #004ea1 , #3d8b80);
 line-height: 30px;
}
.pro-sider .in-title h3 {
  line-height: 60px;
    padding-left: 8%;
  font-size: 20px;
  color: #fff;
}
.pro-sider .in-title h3 i{ display: block; float: right; color: #fff; font-size: 30px;}
.pro-sider .in-title em {
 font-size: 12px;
 color: rgba(255,255,255,0.5);
 font-family: arial;
 text-transform: uppercase;
}

.pro-sider-ul { height: auto; text-align: left; background: #fff; padding: 15px; border: 1px solid #ebebeb;}
.pro-sider-ul .ul-li{ padding: 0;}
.pro-sider-ul .big { display: block; cursor: pointer; background: #f6f6f6; margin-bottom: 5px; padding: 0 15px; height: 40px; line-height: 40px; transition: 0.3s;}
.pro-sider-ul .big i{ float: left; color: #9c9c9c; font-size: 20px; padding-right: 20px;}
.pro-sider-ul .big p{ color: #333333; font-size: 18px;}
.pro-sider-ul .big:hover { background: #004ea1; color: #fff !important; }
.pro-sider-ul .big:hover i{ color: #fff;}
.pro-sider-ul .small{ display: block; height: 40px; line-height: 40px; font-size: 14px; margin: 0 15px; padding-left: 60px; border-bottom: 1px dashed #efefef;}
.pro-sider-ul #li-on a{ background: #004ea1; color: #fff !important;}
.pro-sider-ul #li-on i{color: #fff;}
@media screen and (max-width:768px){
    .pro-sider-ul .ul-li{ padding: 3% 0 3% 2%;}
    .pro-sider-ul .ul-li p{ font-size: 13px;}
    .pro-sider-ul .ul-li span{ font-size: 12px;}
}

.page {
 font-size: 0;
 text-align: center;
}
.page .center {
 display: inline-block;
 overflow: hidden;
}
.page .center .page-span {
 float: left;
 font-size: 14px;
 color: #c3c3c3;
 line-height: 32px;
 margin-right: 30px;
}
.page .center .page-list {
 float: left;
 overflow: hidden;
}
.page .center .page-list ul li {
 float: left;
 width: auto;
 min-width: 30px;
 height: 32px;
 text-align: center;
 line-height: 30px;
 font-size: 14px;
 margin: 0 4px;
 padding: 0;
 border: none;
 background: transparent;
}
.page .center .page-list ul li a {
 min-width: 20px;
 padding: 0 5px;
 border: 1px solid #eee;
 display: block;
 color: #333;
 border-radius: 4px;
 -webkit-border-radius: 4px;
 overflow: hidden;
 background: #fff;
}
.page .center .page-list ul li:hover a {
 color: #f3c04b;
}
.page .center .page-list ul li.active a {
 background: #f3c04b;
 color: #fff;
}


.iw_poi_content {width: 400px!important;}
.iw_poi_content {color: #3D83BB;}
.iw_poi_title {color: #3D83BB;}